@charset "UTF-8";
/* CSS Document */

/********************** home styles ******************************/
.content p {
  background: transparent url(/site_media/static/css/default/images/bullet.png) top left repeat-y;
  font-size: 8pt;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  padding-left: 13px;
  margin: 0 2px 5px 2px
}

.content img {
  border: 0;
}

#home-nav-links {
  background-color: #404242;
  border: 3px solid #B7AAAA;
  border-radius: 6px 6px 6px 6px;
  float: right;
  height: 75px;
  margin-right: 10px;
  margin-top: -128px;
  padding: 2px 2px 0;
}

h6 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12pt;
}

/***************************** header styles ***************************/
div#header div.cycle {
  height: 61px;
  position: relative;
  width: 120px;
}

div#header div.rank3 {
  position: absolute; 
  top: 0px; 
  left: 0px; 
  opacity: 1; 
  z-index: 3;
}

div#header div.rank4 {
  top: 0px; 
  left: 0px; 
  z-index: 1; 
  position: absolute; 
  opacity: 0; 
  display: none;
}

div#quest-box {
  clear: both;
}

div#quest-box ul#quest-list {
  clear: both;
}
/************************* end header styles ***************************/


/***************** content styles **************/
div.content div.home-item {
  width: 210px;
  display: block;
  padding-bottom: 2px;
  margin: 20px 20px 0px 20px;
  float: left;
}

.content .tile {
  background: #E3E3E3;
  padding: 1px;
  border: 3px outset #DDD;
  margin-top: -.7em;
  background-image: -moz-linear-gradient(100% 50% 90deg, #E3E3E3, #A1A1A1);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#E3E3E3), to(#BBB) );
  border-radius: 3px;
  box-shadow: 3px 3px 5px #000;
  -moz-box-shadow: 3px 3px 5px #000;
  -webkit-box-shadow: 3px 3px 5px #000;
  /* Force tiles on top of icons.*/
  position: relative;
  z-index: 100;
}

.content {
  width: 920px;
  height: 440px;
  margin: 0 auto 0 auto;
  background: none;
  background-color: rgba(255, 255, 255, 0.8);
  border: 2px solid black;
  border-radius: 8px 8px 8px 8px;
}

#home-center {
  margin-left: 80px;
}

#home-prizes {
  clear: left;
}

.home-item img {
  float: none;
}

#home-energy-icon {
  background: transparent url(icon-go-low-lg.png) top left no-repeat;
  width: 120px;
  height: 124px;
}

#home-energy-icon:hover {
  background: transparent url(icon-go-low-lg-over.png) top left no-repeat;
}

#home-activities-icon {
  background: transparent url(icon-scoreboard-lg.png) top left no-repeat;
  width: 120px;
  height: 124px;
}

#home-activities-icon:hover {
  background: transparent url(icon-scoreboard-lg-over.png) top left no-repeat;
}

#home-news-icon {
  background: transparent url(icon-news-lg.png) top left no-repeat;
  width: 120px;
  height: 124px;
}

#home-news-icon:hover {
  background: transparent url(icon-news-lg-over.png) top left no-repeat;
}

#home-prizes-icon {
  background: transparent url(icon-prizes-lg.png) top left no-repeat;
  width: 120px;
  height: 124px;
}

#home-prizes-icon:hover {
  background: transparent url(icon-prizes-lg-over.png) top left no-repeat;
}

#home-help-icon {
  background: transparent url(icon-help-lg.png) top left no-repeat;
  width: 120px;
  height: 124px;
}

#home-help-icon:hover {
  background: transparent url(icon-help-lg-over.png) top left no-repeat;
}

#home-profile-icon {
  background: transparent url(icon-profile-lg.png) top left no-repeat;
  width: 120px;
  height: 124px;
}

#home-profile-icon:hover {
  background: transparent url(icon-profile-lg-over.png) top left no-repeat;
}
/************ end content styles ***************/


/***************************** other styles ***************************/
div#fb-root {
  position: absolute; 
  top: -10000px; 
  height: 0px; 
  width: 0px;
}

div#media_floatingBar {
  position: absolute;
  left: 801px;
  top: 13px;
}

div#media_floatingBar a#002 {
  background-image: url(chrome-extension://fjccknnhdnkbanjilpjddjhmkghmachn/images/floating_bar_zoom.png);
}
/************************* end other styles ***************************/


/************* footer styles ***************/
div.bottom-links {
  display: none;
  z-index: 1000;
  outline-width: 0px;
  outline-style: initial;
  outline-color: initial;
  position: absolute;
}
/********* end footer styles **************/
/* Setup wizard styles */
#setup-dialog h2 {
  text-align: center;
}

#progressbar-header {
  text-align: center;
}

#progressbar-header p {
  margin: 5px 0;
}

#setup-welcome-info {
  border: 1px solid black;
  padding: 10px;
  margin-bottom: 5px;
  text-align: center
}

#setup-dialog {
  text-align: left;
}

#setup-dialog .ui-progressbar-value {
  background: none;
  background-color: #528EE3;
}

#profile-form ul {
  list-style: none;
  padding: 0;
  padding-bottom: 5px;
  margin: 5px 0;
}

#profile-form ul li {
  padding: 0;
  margin: 5px 0;
}

.setup-profile-help-text {
  font-style: italic;
  font-size: 0.8em;
  margin: 5px 0;
}

.setup-form-photo {
  float: left;
  width: 40%;
  padding-right: 5px
}

.setup-form-photo p {
  margin: 5px 0;
}

#profile-picture-facebook {
  margin-top: 10px;
}

#profile-picture-facebook p {
  margin: 0;
  margin-bottom: 10px;
}

#profile-form img {
  vertical-align: baseline;
}

#setup-content {
  margin-bottom: 10px;
}

#setup-terms-content {
  border: 1px solid black;
  height: 200px;
  overflow: auto;
  padding: 5px;
}

#setup-activity-form {
  border: 1px solid black;
  margin-top: 10px;
  padding: 5px;
}

#setup-activity-form label {
  margin-bottom: 5px;
  display: block;
}